Lanjut ke konten

Cara Membuat Menu Scroll Sidebar di WordPress

Februari 8, 2009
tags: , ,

Apakah Anda memiliki banyak blogrol atau link situs/sahabat? Dan semuanya ingin Anda tampilkan, padahal jumlah tersebut memerlukan space/ruang yang banyak. Dengan keterbatasan ruang yang tersedia (gak mungkin blog Anda dipenuhi blogroll, sehingga tulisan Anda nyaris menjadi tidak dominan), maka saya anjurkan Anda untuk membuat scroll di side bar blog_anda.wordpress.com seperti tampilan blog ini (gambar di bawah in yang diberi kotak merah).

Scroll Blogroll WordPress

Scroll Blogroll WordPress

Cara Membuat Menu Scroll Sidebar di WordPress.

Hanya dua langkah membuat menu scroll sidebar blogroll Anda.

Langkah 1 : Copy-lah source code di bawah ini ke text-widget di dashboard WordPress Anda.

<div style="overflow:scroll;width:150px;height:180px;">
<ul>
	<li><a href="http://wordpress.com/" target="_blank">Wordpress.com</a></li>
	<li><a href="https://nusantaranews.wordpress.com/" target="_blank">Nusantaraku</a></li>
	<li><a href="alamat_blog">Nama_blog</a></li>
</ul>
</div>

Langkah 2 : Setelah Anda copy source code diatas, silahkan edit nama dan alamat situs referensi anda. Lalu kiklah simpan pada Dashboard WordPress Anda. Anda sudah selesai membuat menu scroll sidebar Anda.

Hanya dua langkah… Selesai!

Catatan (Perhatikan SourceCode!)

  • Bagian nilai (150 dan 180) dari sourcecode width:150px;height:180px; dapat anda ubah/ganti untuk menentukan lebar pixel (width) dan tinggi pixel (height) scroll bar Anda.
  • Untuk tag html <li> </li> dapat Anda hilangkan. Begitu juga Anda dapat menambahkan fungsi break <br></br> antara nama list satu dengan yang lain.

Selamat mencoba, semoga bermanfaat.
© Nusantaraku – 8 Feb 2009

Artikel terkait:

from → Tips Wordpress
143 Komentar leave one →
  1. andi gunawan permalink
    September 13, 2011 9:39 PM

    sangat bermanfaat buat saya yg baru belajar gan.

    Balas
  2. hatake permalink
    September 16, 2011 5:06 PM

    makasih gan,,,

    Balas
  3. hatake permalink
    September 16, 2011 5:06 PM

    makasih gan,,,
    mantep,,,!!
    hehe

    Balas
  4. anekatips99 permalink
    Oktober 13, 2011 9:54 PM

    top bgt, thanks..

    Balas
  5. akatsuci permalink
    Oktober 15, 2011 6:18 AM

    terima kasih banyak atas sharingnya

    Balas
  6. soujal permalink
    Oktober 22, 2011 9:00 PM

    Tips yang bermanfaat… trimakasih…

    Disini Tempat Download Gratis Software Full Versions

    Balas
  7. fordbandung1 permalink
    November 1, 2011 6:02 PM

    waw hatur tekiw pa guru gooodlah

    Balas
  8. Company Profile - warna permalink
    Desember 12, 2011 1:29 PM

    info yang sangat berguna… 🙂

    Balas
  9. PUPUD DANAR HADI permalink
    Desember 30, 2011 12:38 PM

    matur nuwun

    Balas
  10. astitirahayu permalink
    Januari 3, 2012 4:54 PM

    makaSiii,, bNyak iaa,, iNfo’a,,,
    keyeeennn

    Balas
  11. Cordethe permalink
    Oktober 31, 2012 11:58 PM

    Mas, saya mau nanya,bikin blog misalnya

    (8520/9300 OS5)
    http://goo.gl/lI556

    http://goo.gl/lI556 kan harusnya langsung diklik aja kan bisa masuk ke URLnya itu, tapi saya bikin cuma tulisan aja,biasanya tulisannya warna hijau dan jika diklik langsung masuk, punya saya biasa aja, gimana solusinya???

    Balas
  12. dhielvanrese permalink
    April 22, 2014 4:41 PM

    Reblogged this on … Fadhiel's Blog ^_- … and commented:
    belajar nge-blog yuk

    Balas
  13. dhielvanrese permalink
    April 22, 2014 4:42 PM

    izin re-blogging kanda. terima kasih artikel nermanfaatnya.
    silahkan mampir di blog saya http://dhielvanrese.wordpress.com/

    Balas
« Komentar Lebih Lama

Trackbacks

  1. Cara Membuat Menu Scroll Sidebar di WordPress « robbyghozali

Tinggalkan komentar